import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { visualizer } from 'rollup-plugin-visualizer';
import path from 'path';

export default defineConfig({
  // 1. 路径别名（简化导入语句）
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
      'components': path.resolve(__dirname, 'src/components'),
    }
  },

  // 2. 开发服务器配置（代理解决跨域）
  server: {
    port: 3000,
    proxy: {
      '/api': {
        target: 'https://api.example.com',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      }
    }
  },

  // 3. 生产环境构建优化
  build: {
    rollupOptions: {
      output: {
        manualChunks: {
          'vue-vendor': ['vue', 'vue-router'], // 移除pinia
          'vant-ui': ['vant'] // 修改为实际使用的UI库
        }
      }
    },
    minify: 'esbuild',
    sourcemap: false,
  },

  // 4. 插件集成
  plugins: [
    vue(),
    visualizer({
      open: true,
      gzipSize: true
    })
  ]
});